<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- backagegroud-image : 路径  url("......") -->
    <!-- 可以同时设置背景图片和背景颜色   -->
    <!-- 如果背景图片小于元素  会自动在元素中平铺将元素铺满  -->
    <!-- 如果背景图片大于元素 将会一部分无法完全显示 -->
    <!-- 如果背景图片和元素一样大，正常显示 -->
    <!-- backagegroud-repeat 设置背景的重复方式 -->
    <!-- 可选择 repeat  x y双方向重复  默认值 -->
    <!-- repeat-x repeat-y  分别 x y重复  -->
    <!-- no-repeat  不重复  -->
    <!-- background-position   用来设置背景图片的位置 -->
    <!-- top left right center 来设置背景图片的值 -->
    <!-- top center 中左  top right  上右 -->
    <!-- 就是九宫格 -->
    <!-- 至少 两个字  写一个 第二值默认center  写的算第一个值 -->
    <!-- 也可以通过偏移量指定背景图片的位置 -->
    <!-- 水平偏移量 垂直偏移量 -->
    <!-- background-position ：xx  px    xx  px -->


</body>

</html>